<script lang="ts" setup>
// lang = 'ts' 支持 ts 语法
// setup 是 Vue3 的组合式API写法
// 行为
console.log('根组件被加载了')
const msg = 'Hello World'
const nickNime: string = '老八'
let age: number = 38

</script>

<template>
  <h1 class="title">Hello World </h1>
  <!-- 插值表达式 -->
  <p>{{ msg }}</p>
  <p>{{ nickNime.charAt(0) }}</p>
  <p>{{ age >= 18 ? '成年人' : '儿童' }}</p>
  <input type="text" value="123">

</template>

<style scoped>
/* cope 样式只对当前组件生效 */
.title {
  color: #4642d8;
  font-size: 50px;
}
</style>